<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>DemoDong</title>

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="./js/jquery-3.4.1.js"></script>
    <style>
        body {
            padding: 0;
            margin: 0;
            width: 100%;
            height: 100%;
        }

        .slideshow {
            width: 100%;
            height: 300px;
            overflow: hidden;
            margin-top: 10px;
            box-shadow: 0 0 2px #7c7c7c;
        }

        .slide {
            width: 100%;
            height: 100%;
            overflow: hidden;
            margin: 0px auto;
        }
    </style>
    <script src="./js/jquery-3.4.1.js" type="text/javascript" charset="utf-8"></script>
    <style>
        .clock {
            width: 15px;
            height: 20px;

        }

        #clock {
            float: left;
            margin-top: 15px;
            margin-left: 20px;
        }
    </style>
</head>

<body>
<!--
      1.导航条
   -->
<nav class="navbar navbar-default" style="margin-bottom: 0px;">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" target="_blank" href="http://search.chongbuluo.com/"> <span
                    class="glyphicon glyphicon-align-left" aria-hidden="true"></span></a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">

                <li><a href="http://www.youdao.com/" target="_blank">有道翻译</a></li>

                <li><a href="https://yandex.com/" target="_blank">Yandex</a></li>
                <li><a href="https://www.bilibili.com/" target="_blank">Bilibili</a></li>
                <li><a href="https://www.zhihu.com/" target="_blank">知乎</a></li>


                <li><a href="https://cn.bing.com/Translator" target="_blank">Bing翻译</a></li>
                <li><a href="https://note.youdao.com/web/#/file/recent/note/" target="_blank">有道云笔记</a></li>
                <li><a href="https://tophub.today/" target="_blank">今日热榜</a></li>

                <li><a href="https://www.jiumodiary.com" target="_blank">电子书</a></li>
                <li><a href="https://music.liuzhijin.cn/" target="_blank">音乐下载</a></li>
                <li><a href="https://www.icourse163.org/" target="_blank">大学mooc</a></li>
                <li><a href="https://tuchong.com/tags/%E5%B0%91%E5%A5%B3/?order=new/" target="_blank">图虫</a></li>
                <li><a href="https://www.huxiu.com/article/133482.html" target="_blank">虎嗅</a></li>
                <li><a href="https://oio.dev/" target="_blank">Developer</a></li>
                <li><a href="https://www.oschina.net/" target="_blank">OSChina</a></li>
                <li><a href="https://segmentfault.com/" target="_blank">SegementFault</a></li>
                <li><a href="https://juejin.cn/" target="_blank">JueJin</a></li>
                <li><a href="https://1lib.us/" target="_blank">E_library</a></li>
                <li><a href="https://www.processon.com/diagrams/new#template" target="_blank">流程图</a></li>

                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                       aria-expanded="false">Code <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="https://www.processon.com/diagrams" target="_blank">ProcessOn</a></li>
                        <li><a href="https://www.matools.com/api/java8" target="_blank">在线javaAPI</a></li>
                        <li><a href="https://www.nowcoder.com/ta/leetcode" target="_blank">牛客网</a></li>
                        <li><a href="https://github.com" target="_blank">Github</a></li>
                        <li><a href="https://gitee.com" target="_blank">Gitee</a></li>
                        <li><a href="http://www.bootcss.com/" target="_blank">BootStrap</a></li>
                        <li><a href="https://studygolang.com/" target="_blank">go语言中文网</a></li>
                        <li><a href="https://www.bookstack.cn/" target="_blank">BookStack</a></li>
                        <li><a href="https://www.liwenzhou.com/posts/Go/go_menu/" target="_blank">GoStudy</a></li>
                        <li><a href="http://www.52studyit.com" target="_blank">It学习</a></li>
                        <li><a href="https://xfisher.com/fish" target="_blank">咸鱼搜索</a></li>
                        <li><a href="https://blog.csdn.net/DemoD_" target="_blank">CSDN</a></li>
                        <li><a href="https://www.runoob.com/" target="_blank">菜鸟教程</a></li>
                        <li><a href="https://leetcode-cn.com/" target="_blank">LeetCode</a></li>
                        <li><a href="https://www.cnblogs.com/" target="_blank">博客园</a></li>
                        <li><a href="https://juejin.im/timeline" target="_blank">掘金</a></li>
                        <li><a href="http://c.biancheng.net/" target="_blank">C语言中文网</a></li>
                        <li><a href="https://www.mingyantong.com/article/%E8%A1%80%E8%89%B2%E6%B5%AA%E6%BC%AB"
                               target="_blank">名言通</a></li>

                        <li><a href="https://xuzhongcn.github.io/"
                               target="_blank">我大佬博客xuzhong</a></li>


                    </ul>
                </li>
            </ul>
            <!--
              时钟:
             -->
            <div id="clock">
                <img class="clock" src="img/0.webp">
                <img class="clock" src="img/0.webp">


                时
                <img class="clock" src="img/0.webp">
                <img class="clock" src="img/0.webp">

                分
                <img class="clock" src="img/0.webp">
                <img class="clock" src="img/0.webp">
            </div>

            <!--
              clock .js
             -->
            <script>

                //得到小时/分钟/秒
                //修改页面的图片地址
                setInterval(function () {
                    //每隔1秒钟,从系统获取当前时间
                    let now = new Date();
                    // console.log(now.getFullYear(), now.getMonth(), now.getDate() );
                    // console.log(now.getHours(), now.getMinutes(), now.getSeconds() );

                    //从日期对象当中,获取时分秒, 得到6个数字
                    let n1 = parseInt(now.getHours() / 10);
                    let n2 = now.getHours() % 10;
                    let n3 = parseInt(now.getMinutes() / 10);
                    let n4 = now.getMinutes() % 10;
                    let n5 = parseInt(now.getSeconds() / 10);
                    let n6 = now.getSeconds() % 10;


                    //根据6个数字,依次修改图片的地址
                    $("img")[0].src = "img/" + n1 + ".webp";
                    $("img")[1].src = "img/" + n2 + ".webp";

                    $("img")[2].src = "img/" + n3 + ".webp";
                    $("img")[3].src = "img/" + n4 + ".webp";

                    $("img")[4].src = "img/" + n5 + ".webp";
                    $("img")[5].src = "img/" + n6 + ".webp";
                }, 1000);
            </script>
            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                       aria-expanded="false">Picture <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="./backgroud.html" target="_blank">NewPage</a></li>
                        <li><a href="https://alpha.wallhaven.cc" target="_blank">wallheaven</a></li>
                        <li><a href="https://wall.alphacoders.com" target="_blank">Wallpaper Abyss</a></li>
                        <li><a href="https://wallpaperscraft.com" target="_blank">WallpapersCraft</a></li>
                        <li><a href="https://pixabay.com/zh" target="_blank">pixabay</a></li>
                        <li><a href="https://www.pexels.com" target="_blank">exels</a></li>
                        <li><a href="https://www.foodiesfeed.com" target="_blank">istock</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="./url.html" target="_blank">更多</a></li>
                        <li><a href="https://baidu.com">Exit</a></li>
                    </ul>
                </li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>
<!--
      2.轮播图
   -->
<div class="container-fluid">
    <div class="row">
        <div class="col-lg-12">
            <div class="slideshow">
                <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                    <!-- Indicators -->
                    <ol class="carousel-indicators">
                        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                    </ol>

                    <!-- Wrapper for slides -->
                    <div class="carousel-inner" role="listbox">
                        <div class="item active">
                            <img src="./img/slideshow-1.jpg" alt="...">
                            <div class="carousel-caption">

                            </div>
                        </div>
                        <div class="item">
                            <img src="./img/slideshow-2.jpg" alt="...">
                            <div class="carousel-caption">

                            </div>
                        </div>
                        <div class="item">
                            <img src="./img/slideshow-3.jpg" alt="...">
                            <div class="carousel-caption">

                            </div>
                        </div>

                    </div>

                    <!-- Controls -->
                    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>


<!--
      3.python相关
   -->
<div class="container-fluid">
    <div class="row" style="margin-top: 20px;">
        <div class="col-lg-4">
            <ul class="list-group">
                <li class="list-group-item"><a href="http://www.cnblogs.com/Eva-J/p/7277026.html"
                                               target="_blank">Python基础部分+数据库部分博客(讲师-景女神)</a></li>
                <li class="list-group-item"><a href="https://www.cnblogs.com/jin-xin/"
                                               target="_blank">Python面向对象部分(讲师-光头太白</a>
                </li>
                <li class="list-group-item"><a href="https://www.cnblogs.com/liwenzhou/" target="_blank">Python
                    web前端部分(讲师-沙河小王子-李文周)</a></li>
                <li class="list-group-item"><a href="https://www.cnblogs.com/maple-shaw/" target="_blank">Python
                    web框架django(讲师-肖峰)</a></li>
            </ul>
        </div>
        <div class="col-lg-4">
            <ul class="list-group">
                <li class="list-group-item"><a href="http://redisdoc.com/"
                                               target="_blank">redis文档</a></li>
                <li class="list-group-item"><a href="https://spring.io/"
                                               target="_blank">spring官网</a>
                </li>
                <li class="list-group-item"><a href="http://doc.redisfans.com/" target="_blank">redis文档</a></li>
                <li class="list-group-item"><a href="http://hub.daocloud.io/" target="_blank">Docker镜像仓库</a></li>
                <li class="list-group-item"><a href="https://hub.docker.com/search?q=mongodb" target="_blank">Docker官方镜像仓库</a>
                </li>

            </ul>
        </div>
        <div class="col-lg-4">
            <ul class="list-group">
                <li class="list-group-item"><a href="https://www.elastic.co/cn/elasticsearch/"
                                               target="_blank">ElasticSearch官网</a></li>
                <li class="list-group-item"><a href="https://mybatis.plus/"
                                               target="_blank">mybatisPlus官网</a>
                </li>
                <li class="list-group-item"><a href="https://www.springcloud.cc/" target="_blank">SpringCloud中文网</a>
                </li>
                <li class="list-group-item"><a href="https://www.cnblogs.com/maple-shaw/" target="_blank">Python
                    web框架django(讲师-肖峰)</a></li>

            </ul>
        </div>


    </div>
    <div class="row" style="margin-top: 20px;">
        <!--  springcloudalibaba -->
        <div class="col-lg-4">
            <ul class="list-group">
                <li class="list-group-item"><a href="#"
                                               target="_blank">SpringCloudAlibaba</a></li>
                <li class="list-group-item"><a href="https://nacos.io/zh-cn/docs/quick-start.html"
                                               target="_blank">nacos</a>
                </li>
                <li class="list-group-item"><a href="https://github.com/alibaba/Sentinel/wiki"
                                               target="_blank">sentinel</a></li>
                <li class="list-group-item"><a href="http://seata.io/zh-cn/docs/overview/what-is-seata.html"
                                               target="_blank">seate</a></li>
                <li class="list-group-item"><a href="https://github.com/apache/rocketmq/tree/master/docs/cn"
                                               target="_blank">rocketmq</a></li>
            </ul>

        </div>
        <div class="col-lg-4">
            <ul class="list-group">
                <li class="list-group-item"><a href="http://dubbo.apache.org/zh/"
                                               target="_blank">Dubbo</a></li>
                <li class="list-group-item"><a href="https://nacos.io/zh-cn/docs/quick-start.html"
                                               target="_blank">nacos</a>
                </li>
                <li class="list-group-item"><a href="https://github.com/alibaba/Sentinel/wiki"
                                               target="_blank">sentinel</a></li>
                <li class="list-group-item"><a href="http://seata.io/zh-cn/docs/overview/what-is-seata.html"
                                               target="_blank">seate</a></li>
                <li class="list-group-item"><a href="http://dubbo.apache.org/zh/docs/v2.7/user/" target="_blank">rocketmq</a>
                </li>

                <li class="list-group-item"><a href=" https://kafka.apachecn.org/" target="_blank">kafka</a></li>

            </ul>
        </div>
        <div class="col-lg-4">
            <ul class="list-group">


                <li class="list-group-item"><a href="https://kubernetes.io/" target="_blank">k8s</a></li>
                <li class="list-group-item"><a href="https://www.xuxueli.com/xxl-job/" target="_blank">xxl-job</a></li>
                <li class="list-group-item"><a href="https://baomidou.com/" target="_blank">MyBatis-Plus</a></li>

            </ul>
        </div>
    </div>
</div>

<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
</body>

</html>
<!-- 
        自己学习bootstrap,没有任何用途。
        
     -->